{% extends 'base/base.html' %}
{% load static %}

{% block css %}
<link href="/static/index/css/default.css" rel="stylesheet">
<link href="/static/wenjuanresult/select_t.css" rel="stylesheet">
<link href="/static/css/bootstrap-multiselect.css" rel="stylesheet">
{% endblock %}

<!-- 主页默认 content -->
{% block content %}
  <!-- 调查问卷开始 -->
  <div class="section-block-grey">

      <div class="center-holder section-heading" style="margin-top:4rem;margin-bottom: 6rem;">
        <p style="font-size:30px"><b>脑出血数据图表统计</b></p>
      </div>

      <br class="row"><br/>
        <div class="col-xs-12 col-sm-12 col-md-12" style="margin-bottom: 10rem;">
            <form  method="post" id="formadd">
                {% csrf_token %}

                <select  id="self_select" class="shortselect" >
                    <option value="湖南省">湖南省</option>
                    <option value="湖北省">湖北省</option>
                    <option value="江西省">江西省</option>
                    <option value="河南省">河南省</option>
                    <option value="安徽省">安徽省</option>
                </select>
                
                </select>
                <input type="button" class="btn btn-primary" id="btn2" value="聚类图" onclick="ajaxtest2();">
                <select id="self_mu" class="multiselect"  multiple="multiple">
                    <option value="患者性别">患者性别</option>
                    <option value="患者年龄">患者年龄</option>
                    <option value="是否被医生诊断为脑出血">是否被医生诊断为脑出血</option>
                    <option value="首次被确诊为脑出血的时间">首次被确诊为脑出血的时间</option>
                    <option value="发病次数">发病次数</option>
                    <option value="最近一次发病时间">最近一次发病时间</option>
                    <option value="脑出血发病时是否做CT/CTA检查">脑出血发病时是否做CT/CTA检查</option>
                    <option value="脑出血发病时是否做磁共振(MRI)检查">脑出血发病时是否做磁共振(MRI)检查</option>
                    <option value="患者目前生存状态">生存状态</option>
                    <option value="BMI">BMI</option>
                    <option value="民族">民族</option>
                    <option value="文化程度">文化程度</option>
                    <option value="职业">职业</option>
                    <option value="烟龄">烟龄</option>
                    <option value="已戒烟多少年">已戒烟多少年</option>
                    <option value="是否被动吸烟">是否被动吸烟</option>
                    <option value="酒龄">酒龄</option>
                    <option value="已戒酒多少年">已戒酒多少年</option>
                    <option value="体力活动">体力活动</option>
                    <option value="晚上一般几点睡觉">晚上一般几点睡觉</option>
                    <option value="晚上一般睡眠时长">晚上一般睡眠时长</option>
                    <option value="首次脑梗死发病时间">首次脑梗死发病时间</option>
                    <option value="是否规律服用抗血小板聚集药物">是否规律服用抗血小板聚集药物</option>
                    <!--<option value="高血压病史年限">高血压病史年限</option>
                    <option value="是否规律服用降压药">是否规律服用降压药</option>-->
                    <option value="血脂范围">血脂范围</option>
                    <!--<option value="目前血脂是否正常">目前血脂是否正常</option>-->
                    <option value="血糖范围">血糖范围</option>
                    <!--<option value="是否规律服用降糖药">是否规律服用降糖药</option>
                    <option value="是否使用胰岛素">是否使用胰岛素</option>
                    <option value="是否存在糖尿病慢性并发症">是否存在糖尿病慢性并发症</option>-->
                    <option value="心房颤动病史">心房颤动病史</option>
                    <option value="使用时长1">抗凝药物使用时长</option>
                    <!--<option value="冠心病病史">冠心病病史</option>
                    <option value="是否规律服用药物">冠心病是否规律服用药物</option>-->
                    <option value="夜间睡觉是否打呼噜">夜间睡觉是否打呼噜</option>

                </select>
                请输入ID:
                <input id="inputid" >
                问卷数量:
                <select  id="self_select3" class="shortselect">
                    <option selected = "selected" value="1">1</option>
                    <option value="10">10</option>
                    <option value="20">20</option>
                    <option value="30">30</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                    <option value="200">200</option>
                    <option value="500">500</option>
                </select>
                <input type="button" class="btn btn-primary" id="btn" value="获取" onclick="ajaxtest();">
                可选项
                <select id="compare_r" class="multiselect"  multiple="multiple">
                    <option value="患者性别">性别</option>
                    <option value="患者年龄">年龄</option>
                    <option value="BMI">BMI</option>
                    <option value="婚姻">婚姻</option>
                    <option value="文化程度">文化程度</option>
                    <option value="吸烟史">吸烟史</option>
                    <option value="是否被动吸烟">是否被动吸烟</option>
                    <option value="饮酒史">饮酒史</option>
                    <option value="体力活动">体力活动</option>
                    <option value="晚上一般几点睡觉">晚上一般几点睡觉</option>
                    <option value="晚上一般睡眠时长">晚上一般睡眠时长</option>
                    <option value="脑出血发病以前是否有过脑梗死">脑出血发病以前是否有过脑梗死</option>
                    <option value="是否规律服用抗血小板聚集药物">是否规律服用抗血小板聚集药物</option>
                    <option value="既往有无高血压病史">既往有无高血压病史</option>
                    <option value="是否规律服用降压药">是否规律服用降压药</option>
                    <option value="是否规律服用调脂药">是否规律服用调脂药</option>
                    <option value="目前血脂是否正常">目前血脂是否正常</option>
                    <option value="血糖范围">血糖范围</option>
                    <option value="是否规律服用降糖药">是否规律服用降糖药</option>
                    <option value="是否使用胰岛素">是否使用胰岛素</option>
                    <option value="心房颤动病史">心房颤动病史</option>
                    <option value="冠心病病史">冠心病病史</option>
                    <option value="夜间睡觉是否打呼噜">夜间睡觉是否打呼噜</option>

                </select>
                <input type="button" class="btn btn-primary" id="btn3" value="获取比较图" onclick="ajaxtest3();">

    </form>

        </div>

        </div>

        <div class="row">
            <div id="juleitable" style="height:300px;width:100%;float:left;"></div>
            <br>
      </div>

    <div id="maintable" style="width: 100%;height:600px;"></div>
    <div id="comparetable" style="width: 100%;height:600px;"></div>


<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">详细信息</h4>
                </div>
                <div class="modal-body">

                    <div class="modal-body">
                        <label class="input-group-addon">问卷ID</label>
                        <input type="text" class="form-control" placeholder=" "
                                id="wenjuanid" readonly="readonly">
                        <label class="input-group-addon">患者性别</label>
                        <input type="text" class="form-control" placeholder="请输入规格及型号"
                                 id="huanzhexingbie" readonly="readonly">
                        <label class="input-group-addon">发病次数</label>
                        <input type="text" class="form-control"
                                placeholder="请输入存放地点名称" id="fabingcishu"
                                readonly="readonly">
                        <label class="input-group-addon">是否被医生诊断为脑出血</label>
                        <input type="text" class="form-control"
                                placeholder="请输入使用部门名称" id="shifouzhenduan"
                                readonly="readonly">
                        <label class="input-group-addon">脑出血发病时是否做CT/CTA检查</label>
                        <input type="text" class="form-control" placeholder="请输入单位名称"
                                id="shifouct" readonly="readonly">
                        <label class="input-group-addon">脑出血发病时是否做磁共振(MRI)检查</label>
                        <input type="text" class="form-control" placeholder="请输入数量"
                                id="shifoumri" readonly="readonly">
                        <label class="input-group-addon">患者目前生存状态</label>
                        <input type="text" class="form-control" placeholder="请输入单价"
                                id="muqianlive" readonly="readonly">
                        <label class="input-group-addon">身高</label>
                        <input type="text" class="form-control" placeholder="请输入金额"
                                id="shengao" readonly="readonly">
                        <label class="input-group-addon">体重</label>
                        <input type="text" class="form-control" placeholder="请输入金额"
                                id="tizhong" readonly="readonly">
                        <label class="input-group-addon">民族</label>
                        <input type="text" class="form-control" placeholder="请输入来源"
                                id="minzu" readonly="readonly">
                        <label class="input-group-addon">文化程度</label>
                        <input type="text" class="form-control" placeholder="请输入购建日期"
                                id="wenhuachengdu" readonly="readonly">
                        <label class="input-group-addon">职业</label>
                        <input type="text" class="form-control" placeholder="请输入使用人名称"
                                id="zhiye" readonly="readonly">

                        <label class="input-group-addon">烟龄</label>
                        <input type="text" class="form-control" placeholder="请输入经办人名称"
                                id="yanling" readonly="readonly">
                        <label class="input-group-addon">已戒烟多少年</label>
                        <input type="text" class="form-control" placeholder="请输入管理员名称"
                                id="yijieyan" readonly="readonly">
                        <label class="input-group-addon">是否被动吸烟</label>
                        <input type="text" class="form-control" placeholder="请输入经办人名称"
                                id="shifoubeidong" readonly="readonly">
                        <label class="input-group-addon">酒龄</label>
                        <input type="text" class="form-control" placeholder="请输入经办人名称"
                                id="jiuling" readonly="readonly">
                        <label class="input-group-addon">已戒酒多少年</label>
                        <input type="text" class="form-control" placeholder="请输入经办人名称"
                                id="yijiejiu" readonly="readonly">
                        <label class="input-group-addon">体力活动</label>
                        <input type="text" class="form-control" placeholder="请输入经办人名称"
                                id="tilihuodong" readonly="readonly">
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default"
                            data-dismiss="modal">关闭</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}


{% block js %}
<script src="/static/js/echarts.js"></script>
<script src="/static/js/bootstrap-multiselect.js"></script>

<script>
  $(document).ready(function() {
    $('.multiselect').multiselect({
        includeSelectAllOption:true,
        selectAllName: '全选',
        maxHeight:150
    });
  });

</script>

<script>

var sex = {66:'男',33:'女'};
var zhenduan = {66:'是',33:'否'};
var shifouno = {66:'是',33:'否',0:'不知道'};
var youwuno = {66:'有',33:'无',0:'不知道'};
var fabingtimes = {0:'0次',10:'1次',20:'2次',30:'3次',40:'4次',50:'5次',60:'6次',70:'7次',80:'8次',90:'9次',100:'10次及以上',};
var live = {20:'脑出血急性期',40:'脑出血恢复期',60:'脑出血后遗症期',80:'去世'};
var minzu = {66:'汉族',33:'少数民族'};
var culture = {15:'不详',30:'文盲',45:'小学',60:'初中',75:'高中（包括中专）',90:'大学本、专科或以上'};
var job = {0:'空',8:'离（退）休人员',16:'无业人员',24:'个体经营者',32:'自由职业者',40:'现役军人',48:'学生',56:'农民',64:'工人',72:'企业管理人员',80:'职员',88:'专业技术人员',96:'国家公务员',}
var tili = {0:'轻度',33:'中度',66:'重度'}
var sleep = {20:'10点前',40:'10-11点前',60:'11-12点前',80:'12点及12点后'}
var sleeptime = {10:'4小时及4小时以下',25:'5小时',35:'6小时',45:'7小时',55:'8小时',65:'9小时',80:'10小时及以上'}
var xuezhi  = {80:'偏高',60:'偏低',40:'正常',20:'不知道'}

var names = []; //用来存放每一系列的名字
var series = [];
var alldata = [];
var myChart1 = echarts.init(document.getElementById('maintable'));
var option1 = {

        tooltip: {
            trigger:'item',
            formatter:function(params){
                var color = params.color;//图例颜色
                var htmlStr ='<div>';
                htmlStr += params.name + '<br/>';//x轴的名称

                htmlStr += '<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:'+color+';"></span>';
                if(params.name == '患者性别')
                {
                    htmlStr += params.seriesName + '：'+sex[Math.round(params.value)];
                }
                if(params.name == '患者年龄')
                {
                    htmlStr += params.seriesName + '：'+Math.round(params.value);
                }
                if(params.name == '是否被医生诊断为脑出血')
                {
                    htmlStr += params.seriesName + '：'+zhenduan[Math.round(params.value)];
                }
                if(params.name == '首次被确诊为脑出血的时间')
                {
                    htmlStr += params.seriesName + '：'+'距今'+Math.round(params.value*2)+'个月';
                }
                if(params.name == '发病次数')
                {
                    htmlStr += params.seriesName + '：'+fabingtimes[Math.round(params.value)];
                }
                if(params.name == '最近一次发病时间')
                {
                    htmlStr += params.seriesName + '：'+'距今'+Math.round(params.value)+'个月';
                }
                if(params.name == '脑出血发病时是否做CT/CTA检查')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                if(params.name == '脑出血发病时是否做磁共振(MRI)检查')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                if(params.name == '患者目前生存状态')
                {
                    htmlStr += params.seriesName + '：'+live[Math.round(params.value)];
                }
                if(params.name == 'BMI')
                {
                    htmlStr += params.seriesName + '：'+params.value.toFixed(2);
                }
                if(params.name == '民族')
                {
                    htmlStr += params.seriesName + '：'+minzu[Math.round(params.value)];
                }
                if(params.name == '文化程度')
                {
                    htmlStr += params.seriesName + '：'+culture[Math.round(params.value)];
                }
                if(params.name == '职业')
                {
                    htmlStr += params.seriesName + '：'+job[Math.round(params.value)];
                }
                if(params.name == '烟龄')
                {
                    htmlStr += params.seriesName + '：'+Math.round(params.value)+'年';
                }
                if(params.name == '已戒烟多少年')
                {
                    htmlStr += params.seriesName + '：'+Math.round(params.value)+'年';
                }
                if(params.name == '是否被动吸烟')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                if(params.name == '酒龄')
                {
                    htmlStr += params.seriesName + '：'+Math.round(params.value)+'年';
                }
                if(params.name == '已戒酒多少年')
                {
                    htmlStr += params.seriesName + '：'+Math.round(params.value)+'年';
                }
                if(params.name == '体力活动')
                {
                    htmlStr += params.seriesName + '：'+tili[Math.round(params.value)];
                }
                if(params.name == '晚上一般几点睡觉')
                {
                    htmlStr += params.seriesName + '：'+sleep[Math.round(params.value)];
                }
                if(params.name == '晚上一般睡眠时长')
                {
                    htmlStr += params.seriesName + '：'+sleeptime[Math.round(params.value)];
                }
                if(params.name == '首次脑梗死发病时间')
                {
                    htmlStr += params.seriesName + '：'+'距今'+Math.round(params.value*2)+'个月';
                }
                if(params.name == '是否规律服用抗血小板聚集药物')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                if(params.name == '血脂范围')
                {
                    htmlStr += params.seriesName + '：'+xuezhi[Math.round(params.value)];
                }
                if(params.name == '血糖范围')
                {
                    htmlStr += params.seriesName + '：'+xuezhi[Math.round(params.value)];
                }
                if(params.name == '心房颤动病史')
                {
                    htmlStr += params.seriesName + '：'+youwuno[Math.round(params.value)];
                }
                if(params.name == '使用时长1')
                {
                    htmlStr += '抗凝药物'+params.seriesName + '：'+Math.round(params.value)+'年';
                }
                if(params.name == '夜间睡觉是否打呼噜')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                //else htmlStr += params.seriesName + '：'+params.value;
                htmlStr += '</div>';
                return htmlStr;

            }
        },
        dataZoom: [

        {
            type: 'slider',
            show: true,
            yAxisIndex: [0],
            left: '93%',
            start: 0,
            end: 100
        },

        {
            type: 'inside',
            yAxisIndex: [0],
            start: 29,
            end: 36
        }
    ],
        legend: {
        type:'scroll'
    },
        xAxis: {
            type: 'category',

            axisLabel: {
                interval:0,
                rotate:45, //代表逆时针旋转45度
            }

        },
        yAxis: {
                axisLabel : {
                    formatter: function()
                    {
                        return "";
                    }
                }

        },
        series: [{
            name: '测试',
            type: 'scatter',
            data: []
        }]
    }
     //myChart1.setOption(option1)


    myChart1.on('click', function (params) {
        //console.log(alldata)
        var temparr = ["huanzhexingbie","fabingcishu","shifouzhenduan","shifouct","shifoumri","muqianlive",
        "shengao","tizhong","minzu","wenhuachengdu","zhiye","yanling","yijieyan","shifoubeidong","jiuling","yijiejiu","tilihuodong"]
        document.getElementById("wenjuanid").value = params.seriesName;
        var stemp = alldata[params.seriesName];
        for(i = 0;i<temparr.length;i++)
        {
            document.getElementById(temparr[i]).value = stemp[i];
        }
        $('#myModal').modal();



});
function ajaxtest(){
    var v1 = $("#self_select").val();
    var v2 = $("#self_select2").val();
    var v3 = $("#self_mu").val();
    var v4 = $("#inputid").val();
    var v5 = $("#self_select3").val();
    //console.log(v3);
    // 显示标题，图例和空的坐标轴
    myChart1.showLoading();    //数据加载完之前先显示一段简单的loading动画
    $.ajax({
        type:"POST",
        data: {'省':v1,'问卷类型':v2,'选项':JSON.stringify(v3),'inputid':v4,'maxnum':v5},
        //datatype:'html'
        url: "{% url 'see_tables' %}", //后台处理函数的url
        cache: false,
        success: function(data){
            //请求成功时执行该函数内容，result即为服务器返回的json对象
            data = JSON.parse(data);
            console.log(data.allout);
            series = [];
            alldata = data.allout;
            var tempnames = data.name;
            names = tempnames;
            var tempdatas = data.lines;
            console.log(tempdatas)
            ssize = 10;
            for(i=0;i<tempnames.length;i++)
            {
                series.push({
                name:tempnames[i],
                type:'scatter',
                symbolSize: ssize,
                data:tempdatas[i],

                });
                if(i>tempnames.length/2 && i>tempnames.length-8)
                {ssize++;}
            }

            myChart1.setOption(option1,true);
            myChart1.hideLoading();    //隐藏加载动画
            myChart1.setOption({        //加载数据图表
                series: series,
                xAxis: {
                    type: 'category',
                    data: v3,
                    axisLabel: {
                        interval:0,
                        rotate:45, //代表逆时针旋转45度
                    },
                     splitLine:{
                        show:true,
                        lineStyle:{
                        color:'#778899',
                        width: 2
                        }
                     }
                },
                yAxis:{}
            });


         },
    error : function(errorMsg) {
        //请求失败时执行该函数
        alert("图表请求数据失败!");
        myChart1.hideLoading();
    }

    });

}
</script>
<script>

    var ids = [];
    var pointxx = [];
    var data = [];
    var myChart2 = echarts.init(document.getElementById('juleitable'));
    // 显示标题，图例和空的坐标轴
    var option2 = {
        title: {
            text: '脑出血聚类分析'
        },
        tooltip: {
            trigger:'item',
            formatter:function(params){
                var color = params.color;//图例颜色
                var htmlStr ='<div>';
                htmlStr += '<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:'+color+';"></span>';
                htmlStr += params.seriesName;
                return htmlStr;
                }

        },

        xAxis: {type: 'value'},
        yAxis: {type: 'value'},
        series: [{
            name: '测试',
            type: 'scatter',
            data: []
        }]
    }

//myChart2.setOption(option2,true);
myChart2.on('click', function (params) {
    document.getElementById("inputid").value = params.seriesName
});

function ajaxtest2(){
var series2 = [];
var inputsheng = $("#self_select").val();
myChart2.showLoading();    //数据加载完之前先显示一段简单的loading动画
$.ajax({
        type:"POST",
        data: {"省":inputsheng},
        //datatype:'html'
        url: "{% url 'julei_tables' %}", //后台处理函数的url
        cache: false,
        success: function(data){
            //请求成功时执行该函数内容，result即为服务器返回的json对象
            data = JSON.parse(data);
            var tempids = data.ids;
            //ids = tempids;
            series2 = []
            console.log(data)
            var temppoint0 = data.result0;
            var temppoint1 = data.result1;
            var temppoint2 = data.result2;
            var temppoint3 = data.result3;
            //var temppoint = data.allpoint
            //console.log(temppoint)
            var temppointids0 = Object.keys(temppoint0);
            var temppointids1 = Object.keys(temppoint1);
            var temppointids2 = Object.keys(temppoint2);
            var temppointids3 = Object.keys(temppoint3);

            //console.log(temppointids)
            var temp0 = [];
            for(i=0;i<temppointids0.length;i++)
            {
                temp0 = [];
                temp0.push(temppoint0[temppointids0[i]]);
                series2.push({
                name:temppointids0[i],
                type:'scatter',
                data:temp0,
                itemStyle:{
                    normal:{
                        color:'yellow'
                    }
                }
                });
            }

            var temp1 = [];
            for(i=0;i<temppointids1.length;i++)
            {
                temp1 = [];
                temp1.push(temppoint1[temppointids1[i]]);
                series2.push({
                    name:temppointids1[i],
                    type:'scatter',
                    data:temp1,
                    itemStyle:{
                        normal:{
                            color:'green'
                        }
                    }
                });
            }

            var temp2 = [];
            for(i=0;i<temppointids2.length;i++)
            {
                temp2 = [];
                temp2.push(temppoint2[temppointids2[i]]);
                series2.push({
                name:temppointids2[i],
                type:'scatter',
                data:temp2,
                itemStyle:{
                    normal:{
                        color:'blue'
                    }
                }
                });
            }

            var temp3 = [];
            for(i=0;i<temppointids3.length;i++)
            {
                temp3 = []
                temp3.push(temppoint3[temppointids3[i]]);
                series2.push({
                name:temppointids3[i],
                type:'scatter',
                data:temp3,
                itemStyle:{
                    normal:{
                        color:'red'
                    }
                }
                });
            }


            myChart2.setOption(option2,true);

            myChart2.hideLoading();    //隐藏加载动画
            myChart2.setOption({        //加载数据图表
                series: series2
            });



    },
    error : function(errorMsg) {
        //请求失败时执行该函数
        alert("图表请求数据失败!");
        myChart2.hideLoading();
    }

});
}
</script>

<script>

var sex = {66:'男',33:'女'};
var zhenduan = {66:'是',33:'否'};
var shifouno = {66:'是',33:'否',0:'不知道'};
var youwuno = {66:'有',33:'无',0:'不知道'};
var fabingtimes = {0:'0次',10:'1次',20:'2次',30:'3次',40:'4次',50:'5次',60:'6次',70:'7次',80:'8次',90:'9次',100:'10次及以上',};
var live = {20:'脑出血急性期',40:'脑出血恢复期',60:'脑出血后遗症期',80:'去世'};
var minzu = {66:'汉族',33:'少数民族'};
var culture = {15:'不详',30:'文盲',45:'小学',60:'初中',75:'高中（包括中专）',90:'大学本、专科或以上'};
var job = {0:'空',8:'离（退）休人员',16:'无业人员',24:'个体经营者',32:'自由职业者',40:'现役军人',48:'学生',56:'农民',64:'工人',72:'企业管理人员',80:'职员',88:'专业技术人员',96:'国家公务员',}
var tili = {0:'轻度',33:'中度',66:'重度'}
var sleep = {20:'10点前',40:'10-11点前',60:'11-12点前',80:'12点及12点后'}
var sleeptime = {10:'4小时及4小时以下',25:'5小时',35:'6小时',45:'7小时',55:'8小时',65:'9小时',80:'10小时及以上'}
var xuezhi  = {80:'偏高',60:'偏低',40:'正常',20:'不知道'}

var names3 = []; //用来存放每一系列的名字
var series3 = [];
var alldata3 = [];
var myChart3 = echarts.init(document.getElementById('comparetable'));
var option3 = {

        tooltip: {
            trigger:'item',
            formatter:function(params){
                var color = params.color;//图例颜色
                var htmlStr ='<div>';
                htmlStr += params.name + '<br/>';//x轴的名称

                htmlStr += '<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:'+color+';"></span>';
                if(params.name == '患者性别')
                {
                    htmlStr += params.seriesName + '：'+sex[Math.round(params.value)];
                }
                if(params.name == '患者年龄')
                {
                    htmlStr += params.seriesName + '：'+Math.round(params.value);
                }
                if(params.name == '是否被医生诊断为脑出血')
                {
                    htmlStr += params.seriesName + '：'+zhenduan[Math.round(params.value)];
                }
                if(params.name == '首次被确诊为脑出血的时间')
                {
                    htmlStr += params.seriesName + '：'+'距今'+Math.round(params.value*2)+'个月';
                }
                if(params.name == '发病次数')
                {
                    htmlStr += params.seriesName + '：'+fabingtimes[Math.round(params.value)];
                }
                if(params.name == '最近一次发病时间')
                {
                    htmlStr += params.seriesName + '：'+'距今'+Math.round(params.value)+'个月';
                }
                if(params.name == '脑出血发病时是否做CT/CTA检查')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                if(params.name == '脑出血发病时是否做磁共振(MRI)检查')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                if(params.name == '患者目前生存状态')
                {
                    htmlStr += params.seriesName + '：'+live[Math.round(params.value)];
                }
                if(params.name == 'BMI')
                {
                    htmlStr += params.seriesName + '：'+params.value.toFixed(2);
                }
                if(params.name == '民族')
                {
                    htmlStr += params.seriesName + '：'+minzu[Math.round(params.value)];
                }
                if(params.name == '文化程度')
                {
                    htmlStr += params.seriesName + '：'+culture[Math.round(params.value)];
                }
                if(params.name == '职业')
                {
                    htmlStr += params.seriesName + '：'+job[Math.round(params.value)];
                }
                if(params.name == '是否被动吸烟')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                if(params.name == '体力活动')
                {
                    htmlStr += params.seriesName + '：'+tili[Math.round(params.value)];
                }
                if(params.name == '晚上一般几点睡觉')
                {
                    htmlStr += params.seriesName + '：'+sleep[Math.round(params.value)];
                }
                if(params.name == '晚上一般睡眠时长')
                {
                    htmlStr += params.seriesName + '：'+sleeptime[Math.round(params.value)];
                }
                if(params.name == '首次脑梗死发病时间')
                {
                    htmlStr += params.seriesName + '：'+'距今'+Math.round(params.value*2)+'个月';
                }
                if(params.name == '是否规律服用抗血小板聚集药物')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                if(params.name == '血脂范围')
                {
                    htmlStr += params.seriesName + '：'+xuezhi[Math.round(params.value)];
                }
                if(params.name == '血糖范围')
                {
                    htmlStr += params.seriesName + '：'+xuezhi[Math.round(params.value)];
                }
                if(params.name == '心房颤动病史')
                {
                    htmlStr += params.seriesName + '：'+youwuno[Math.round(params.value)];
                }
                if(params.name == '使用时长1')
                {
                    htmlStr += '抗凝药物'+params.seriesName + '：'+Math.round(params.value)+'年';
                }
                if(params.name == '夜间睡觉是否打呼噜')
                {
                    htmlStr += params.seriesName + '：'+shifouno[Math.round(params.value)];
                }
                //else htmlStr += params.seriesName + '：'+params.value;
                htmlStr += '</div>';
                return htmlStr;

            }
        },
        legend:{},
        dataZoom: [
        {
            type: 'slider',
            show: true,
            yAxisIndex: [0],
            left: '93%',
            start: 0,
            end: 100
        },
        {
            type: 'inside',
            yAxisIndex: [0],
            start: 29,
            end: 36
        }
        ],
        legend: {
        type:'scroll'
        },
        xAxis: {
            type: 'category',
            axisLabel: {
                interval:0,
                rotate:45, //代表逆时针旋转45度
            }
        },
        yAxis: {
                axisLabel : {
                    formatter: function()
                    {
                        return "";
                    }
                }
        },
        series: [{
            name: '测试',
            type: 'scatter',
            data: []
        }]
    }
     //myChart3.setOption(option1)
    myChart3.on('click', function (params) {
        //console.log(alldata)




});
function ajaxtest3(){
    var v1 = $("#self_select").val();
    var v2 = $("#inputid").val();
    var v3 = $("#compare_r").val();
    // 显示标题，图例和空的坐标轴
    myChart3.showLoading();    //数据加载完之前先显示一段简单的loading动画
    $.ajax({
        type:"POST",
        data: {'省':v1,'选项':JSON.stringify(v3),'inputid':v2},
        url: "{% url 'comparetable' %}", //后台处理函数的url
        cache: false,
        success: function(data){
            //请求成功时执行该函数内容，result即为服务器返回的json对象
            data = JSON.parse(data);
            console.log(data.allout);
            series3 = [];
            var tempnames3 = data.name;
            names3 = tempnames3;
            var tempdatas3 = data.allout;
            console.log(tempdatas3);
            var tempxuanxiangs = data.xuanxiangs;
            series3.push({
                name:tempnames3[0],
                type:'scatter',
                data:tempdatas3[0],
                symbolSize: 15,
                itemStyle:{
                    normal:{
                        color:'#FF0000'
                    }
                }
            });
            for(i=1;i<tempnames3.length;i++)
            {
                series3.push({
                name:tempnames3[i],
                type:'scatter',
                data:tempdatas3[i],

                });
            }

            myChart3.setOption(option3,true);
            myChart3.hideLoading();    //隐藏加载动画
            myChart3.setOption({        //加载数据图表
                series: series3,
                xAxis: {
                    type: 'category',
                    data: tempxuanxiangs,
                    axisLabel: {
                        interval:0,
                        rotate:45, //代表逆时针旋转45度
                    }
                },
                yAxis:{}
            });
         },
    error : function(errorMsg) {
        //请求失败时执行该函数
        myChart3.hideLoading();
    }

    });

}
</script>

{% endblock %}